.cop-list {
  @pink: #ff5681;

  .header {
    .func_height_vw(@base-width, 328);
  }

  .app-header {
    .btn-back {
      position: static;
      flex-shrink: 0;
      height: 100%;
    }
    .title {
      .rem(50);
      text-align: left;
    }
  }
  .right {
    display: flex;
    .rem(44);
    text-align: center;

    a {
      flex-shrink: 0;
      width: 2em;
      margin: 0 0.6em;

      &::before {
        margin-bottom: .1em;
        background:currentColor
      }
    }
    .btn-dl{
     &::before{
      .ico(72, 68, @dl,1);
     }
    }
    .btn-search{
      &::before{
       .ico(72, 68, @search,1);
      }
     }
     .btn-filter{
      &::before{
       .ico(72, 68, @filter,1);
      }
     }
  }

  .main {
    padding: 1em 0 1.2em 1em;
    .rem(48);
  }

  .summery {
    margin-top: 1.2em;
    margin-bottom: 0.8em;
    font-weight: bold;

    span {
      color: @pink;
    }
    &::before {
      display: inline-block;
      .ico(55, 52, @list-arrow, 0);
      margin-bottom: .2em;
      background:@green;
      vertical-align: middle;
    }

    &:first-of-type {
      margin-top: 0;
    }
  }

  .list-item {
    .hd {
      display: flex;
    }

    .col1 {
      flex-shrink: 0;
      width: 20%;
      margin-right: .5rem;
    }
    .col2 {
      flex: 1;
    }
    .col3 {
      flex-shrink: 0;
      width: 2em;
      margin: 0 .8rem 0 .5rem;
      text-align: center;
    }

    .hd {
      color: @gray;
    }
  }
  .con-item {
    display: flex;
    margin-top: 0.5em;
    line-height: 1.5;
    .col1 {
      color: @green;
    }
    .info {
      color: @gray;
    }

    &.attachment {
      .name {
        position: relative;

        &::before {
          position: absolute;
          top: 0.2em;
          left: 0;
          .ico(52, 52, @fj, 1,background);
          transform: translateX(-110%);
        }
      }
    }
  }
  .btn-tag {
    .ico(58, 48, @tag,1,background);
    margin-top: 0.2em;
  }
}
